//路由鉴权：鉴权，项目当中路由能不能被别的权限的设置（某个路由什么条件下可以访问，什么条件下不可以被访问）
import router from '@/router'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
//获取用户相关的小仓库内部token数据，去判断用户是否登录成功
import useUserStore from '@/store/modules/user'
import pinia from '@/store'
import { nextTick } from 'vue'
import setting from './settings'

const userStore = useUserStore(pinia)

nprogress.configure({
  easing: 'ease', // 动画方式
  speed: 200, // 递增进度条的速度
  showSpinner: false, // 是否显示加载ico
  trickleSpeed: 100, // 自动递增间隔
  minimum: 0.3, // 初始化时的最小百分比
  // parent: 'body'
})

//全局守卫：项目当中任意路由切换都会触发的钩子
//全局前置守卫
router.beforeEach(async (to: any, from: any, next: any) => {
  document.title = `${setting.title} - ${to.meta.title}`
  nprogress.start()
  console.log('守卫路由')
  //1. to:你将要访问那个路由
  //2. from:你从哪里路由而来
  //3. next:路由的放行函数
  //获取token，去判断用户登录，还是未登录
  let token = userStore.token
  let username = userStore.username
  //用户登录
  if (token) {
    //登陆成功，访问login，不能让它访问login页面，直接让它访问首页
    if (to.path == '/login') {
      //转向首页
      next({ path: '/' })
    } else {
      //登录成功，访问其他的页面
      if (username) {
        //放行
        next()
      } else {
        //如果没有用户信息，从新发送请求回去用户信息
        try {
          await userStore.userInfo()
          next()
        } catch (error) {
          //token过期：获取不到用户的信息了
          //用户手动修改本地存储token
          //    退出登录->用户相关的数据清空
          await userStore.userLogout()
          next({ path: '/login', query: { redirect: to.path } })
        }
      }
    }
  } else {
    //用户未登录判断
    if (to.path == '/login') {
      next()
    } else {
      next({ path: '/login', query: { redirect: to.path } })
    }
  }

  next()
})
//全局后置守卫
router.afterEach((to: any, from: any) => {
  nprogress.done()
})
